<template>
  <div class="content-container">
    <a-descriptions bordered title="个人信息">
      <a-descriptions-item label="用户名">
        {{ userData.username }}
      </a-descriptions-item>
      <a-descriptions-item label="姓名">
        {{ userData.name }}
      </a-descriptions-item>
      <a-descriptions-item label="电话">
        {{ userData.Phone }}
      </a-descriptions-item>
      <a-descriptions-item label="邮箱">
        {{ userData.email }}
      </a-descriptions-item>
      <a-descriptions-item label="所属单位">
        {{ userData.company }}
      </a-descriptions-item>
      <a-descriptions-item label="所在部门">
        {{ userData.department }}
      </a-descriptions-item>
    </a-descriptions>
  </div>
</template>

<script>
import { getUserInfo } from '../../services/user';
export default {
  data() {
    return {
      userData: {},
    };
  },
  methods: {
    getInfo() {
      getUserInfo('starlink').then((res) => {
        console.log(res);
        this.userData = res.data.result;
      });
    },
  },
  mounted() {
    this.getInfo();
  },
};
</script>

<style></style>
